<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <title>3.1-订单物流状态详情</title>
    <link rel="stylesheet" href="styles/bootstrap/bootstrap.css">
    <link rel="stylesheet" href="styles/bootstrap-table.css">
    <link rel="stylesheet" href="lib/layui/css/layui.css">
    <link rel="stylesheet" href="styles/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="styles/awesome/font-awesome.min.css">
    <link rel="stylesheet" href="sfy/styles/fonts/iconfont.css">
    <link rel="stylesheet" href="styles/reset.css">
    <link rel="stylesheet" href="styles/main.css">
    <link rel="stylesheet" href="styles/cy.css">
    <link rel="stylesheet" href="styles/sfy_nav.css">
    <link rel="stylesheet" href="styles/newstyle.css">
</head>

<body>
    <!--头部-->
    <!-- 新菜单 2018-04-08 -->
    <div class="new-header">
        <div class="header-content">
            <div class="header-menu">
                <a href="index.html" class="logo">
                    <img src="images/yly-logo.png" alt="">
                </a>
                <ul class="header-nav">
                    <li>基础资料</li>
                    <li>物流运营</li>
                    <li>财务管理</li>
                    <li>业务管理</li>
                    <li>统计查询</li>
                </ul>
                <div class="header-select">
                    <a>
                        <!-- <label class="common-menu-btn"><input type="checkbox" checked="checked"><span></span></label><span>关闭常用菜单</span> -->
                        <span class="common-menu-btn">常用菜单</span>
                    </a>
                    <a href="#" class="setting">设置</a>
                    <ul class="header-select-list">
                        <li>
                            <i class="community"></i>
                            <a href="#">传链社区</a>
                        </li>
                        <li>
                            <i class="tel"></i>
                            <a href="#">服务中心</a>
                        </li>
                        <li>
                            <i class="message current"></i>
                            <a href="#">消息中心</a>
                        </li>
                        <li>
                            <i href="javascript:;" class="login"></i>
                            <div class="userboxinfob">
                                <div class="ul_userlist">
                                    <p class="flexitem">张会员，欢迎您登录</p>
                                    <ul class="flexitem">
                                        <li>
                                            <a href="/updatePwd">修改密码</a>
                                        </li>
                                        <li>
                                            <a href="/logout">退出</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="header-menu-box">
                <div class="header-menu-content">
                    <dl class="displayflex">
                        <dt>组织资料 ></dt>
                        <dd class="flex1">
                            <a href="#">公司资料维护</a>
                            <a href="#">公司部门资料维护</a>
                            <a href="#">物流区域资料维护</a>
                            <a href="#">物流中心资料维护</a>
                            <a href="#">仓库资料</a>
                            <a href="#">货主仓库指定</a>
                            <a href="#">货主承运商指定</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>人员管理 ></dt>
                        <dd class="flex1">
                            <a href="#">公司人员角色维护</a>
                            <a href="#">公司人员资料维护</a>
                            <a href="#">货主人员资料维护</a>
                            <a href="#">承运商人员资料维护</a>
                            <a href="#">仓储商人员资料维护</a>
                            <a href="#">商业客户人员资料维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>商品管理 ></dt>
                        <dd class="flex1">
                            <a href="#">新品发布清单</a>
                            <a href="#">生产厂商资料维护</a>
                            <a href="#">商品分类资料表</a>
                            <a href="#">库管参数维护</a>
                            <a href="#">补货层级维护</a>
                            <a href="#">新增商品</a>
                            <a href="#">商品资料维护</a>
                            <a href="#" class="active">产品说明书维护</a>
                            <a href="#">物价资料维护</a>
                            <a href="#">耗材包关系维护</a>
                            <a href="#">耗材包关系维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>产品证照 ></dt>
                        <dd class="flex1">
                            <a href="#">代理商证照维护</a>
                            <a href="#">经销授权书证照维护</a>
                            <a href="#">售后服务机构证照维护</a>
                            <a href="#">医疗器械注册证维护</a>
                            <a href="#">业务授权书维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>客户管理 ></dt>
                        <dd class="flex1">
                            <a href="#">商业单位资料维护</a>
                            <a href="#">医疗机构资料维护</a>
                        </dd>
                    </dl>
                </div>
                <div class="header-menu-content">
                    <dl class="displayflex">
                        <dt>物流运营 ></dt>
                        <dd class="flex1">
                            <a href="#">公司资料维护</a>
                            <a href="#">公司部门资料维护</a>
                            <a href="#">物流区域资料维护</a>
                            <a href="#">物流中心资料维护</a>
                            <a href="#">仓库资料</a>
                            <a href="#">货主仓库指定</a>
                            <a href="#">货主承运商指定</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>人员管理 ></dt>
                        <dd class="flex1">
                            <a href="#">公司人员角色维护</a>
                            <a href="#">公司人员资料维护</a>
                            <a href="#">货主人员资料维护</a>
                            <a href="#">承运商人员资料维护</a>
                            <a href="#">仓储商人员资料维护</a>
                            <a href="#">商业客户人员资料维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>商品管理 ></dt>
                        <dd class="flex1">
                            <a href="#">新品发布清单</a>
                            <a href="#">生产厂商资料维护</a>
                            <a href="#">商品分类资料表</a>
                            <a href="#">库管参数维护</a>
                            <a href="#">补货层级维护</a>
                            <a href="#">新增商品</a>
                            <a href="#">商品资料维护</a>
                            <a href="#" class="active">产品说明书维护</a>
                            <a href="#">物价资料维护</a>
                            <a href="#">耗材包关系维护</a>
                            <a href="#">耗材包关系维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>客户管理 ></dt>
                        <dd class="flex1">
                            <a href="#">商业单位资料维护</a>
                            <a href="#">医疗机构资料维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>医院关系建立 ></dt>
                        <dd class="flex1">
                            <a href="#">采购目录勾对</a>
                        </dd>
                    </dl>
                </div>
                <div class="header-menu-content">
                    <dl class="displayflex">
                        <dt>财务管理 ></dt>
                        <dd class="flex1">
                            <a href="#">公司资料维护</a>
                            <a href="#">公司部门资料维护</a>
                            <a href="#">物流区域资料维护</a>
                            <a href="#">物流中心资料维护</a>
                            <a href="#">仓库资料</a>
                            <a href="#">货主仓库指定</a>
                            <a href="#">货主承运商指定</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>人员管理 ></dt>
                        <dd class="flex1">
                            <a href="#">公司人员角色维护</a>
                            <a href="#">公司人员资料维护</a>
                            <a href="#">货主人员资料维护</a>
                            <a href="#">承运商人员资料维护</a>
                            <a href="#">仓储商人员资料维护</a>
                            <a href="#">商业客户人员资料维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>商品管理 ></dt>
                        <dd class="flex1">
                            <a href="#">新品发布清单</a>
                            <a href="#">生产厂商资料维护</a>
                            <a href="#">商品分类资料表</a>
                            <a href="#">库管参数维护</a>
                            <a href="#">补货层级维护</a>
                            <a href="#">新增商品</a>
                            <a href="#">商品资料维护</a>
                            <a href="#" class="active">产品说明书维护</a>
                            <a href="#">物价资料维护</a>
                            <a href="#">耗材包关系维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>产品证照 ></dt>
                        <dd class="flex1">
                            <a href="#">代理商证照维护</a>
                            <a href="#">经销授权书证照维护</a>
                            <a href="#">售后服务机构证照维护</a>
                            <a href="#">医疗器械注册证维护</a>
                            <a href="#">业务授权书维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>客户管理 ></dt>
                        <dd class="flex1">
                            <a href="#">商业单位资料维护</a>
                            <a href="#">医疗机构资料维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>医院关系建立 ></dt>
                        <dd class="flex1">
                            <a href="#">供应关系查询</a>
                            <a href="#">采购目录勾对</a>
                        </dd>
                    </dl>
                </div>
                <div class="header-menu-content">
                    <dl class="displayflex">
                        <dt>业务管理 ></dt>
                        <dd class="flex1">
                            <a href="#">公司资料维护</a>
                            <a href="#">公司部门资料维护</a>
                            <a href="#">物流区域资料维护</a>
                            <a href="#">物流中心资料维护</a>
                            <a href="#">仓库资料</a>
                            <a href="#">货主仓库指定</a>
                            <a href="#">货主承运商指定</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>人员管理 ></dt>
                        <dd class="flex1">
                            <a href="#">公司人员角色维护</a>
                            <a href="#">公司人员资料维护</a>
                            <a href="#">货主人员资料维护</a>
                            <a href="#">承运商人员资料维护</a>
                            <a href="#">仓储商人员资料维护</a>
                            <a href="#">商业客户人员资料维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>商品管理 ></dt>
                        <dd class="flex1">
                            <a href="#">新品发布清单</a>
                            <a href="#">生产厂商资料维护</a>
                            <a href="#">商品分类资料表</a>
                            <a href="#">库管参数维护</a>
                            <a href="#">补货层级维护</a>
                            <a href="#">新增商品</a>
                            <a href="#">商品资料维护</a>
                            <a href="#" class="active">产品说明书维护</a>
                            <a href="#">物价资料维护</a>
                            <a href="#">耗材包关系维护</a>
                            <a href="#">耗材包关系维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>产品证照 ></dt>
                        <dd class="flex1">
                            <a href="#">代理商证照维护</a>
                            <a href="#">经销授权书证照维护</a>
                            <a href="#">售后服务机构证照维护</a>
                            <a href="#">医疗器械注册证维护</a>
                            <a href="#">业务授权书维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>客户管理 ></dt>
                        <dd class="flex1">
                            <a href="#">商业单位资料维护</a>
                            <a href="#">医疗机构资料维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>医院关系建立 ></dt>
                        <dd class="flex1">
                            <a href="#">供应关系查询</a>
                            <a href="#">采购目录勾对</a>
                        </dd>
                    </dl>
                </div>
                <div class="header-menu-content">
                    <dl class="displayflex">
                        <dt>统计查询 ></dt>
                        <dd class="flex1">
                            <a href="#">公司资料维护</a>
                            <a href="#">公司部门资料维护</a>
                            <a href="#">物流区域资料维护</a>
                            <a href="#">物流中心资料维护</a>
                            <a href="#">仓库资料</a>
                            <a href="#">货主仓库指定</a>
                            <a href="#">货主承运商指定</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>人员管理 ></dt>
                        <dd class="flex1">
                            <a href="#">公司人员角色维护</a>
                            <a href="#">公司人员资料维护</a>
                            <a href="#">货主人员资料维护</a>
                            <a href="#">承运商人员资料维护</a>
                            <a href="#">仓储商人员资料维护</a>
                            <a href="#">商业客户人员资料维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>商品管理 ></dt>
                        <dd class="flex1">
                            <a href="#">新品发布清单</a>
                            <a href="#">生产厂商资料维护</a>
                            <a href="#">商品分类资料表</a>
                            <a href="#">库管参数维护</a>
                            <a href="#">补货层级维护</a>
                            <a href="#">新增商品</a>
                            <a href="#">商品资料维护</a>
                            <a href="#" class="active">产品说明书维护</a>
                            <a href="#">物价资料维护</a>
                            <a href="#">耗材包关系维护</a>
                            <a href="#">耗材包关系维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>产品证照 ></dt>
                        <dd class="flex1">
                            <a href="#">代理商证照维护</a>
                            <a href="#">经销授权书证照维护</a>
                            <a href="#">售后服务机构证照维护</a>
                            <a href="#">医疗器械注册证维护</a>
                            <a href="#">业务授权书维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>客户管理 ></dt>
                        <dd class="flex1">
                            <a href="#">商业单位资料维护</a>
                            <a href="#">医疗机构资料维护</a>
                        </dd>
                    </dl>
                    <dl class="displayflex">
                        <dt>医院关系建立 ></dt>
                        <dd class="flex1">
                            <a href="#">供应关系查询</a>
                            <a href="#">采购目录勾对</a>
                        </dd>
                    </dl>
                </div>
            </div>
        </div>
    </div>
    <!-- 常用菜单 -->
    <div class="common-menu">
        <div class="common-menu-content">
            <p class="iconfont icon-menu">
                <a>公司资料维护</a>
                <a>新增商品</a>
                <a>采购目录勾对</a>
                <a>物流订单调度</a>
                <a>补货发起</a>
                <a>物流项目费用维护</a>
                <a>发票管理</a>
                <a>医院采购订单录入</a>
                <a>出库登录</a>
                <a>物流项目费用维护</a>
            </p>
        </div>
    </div>
    <!-- 按钮 当前位置-->
    <div class="g_header_nav">
        <div class="g_header_t">
            <div class="operate-btns">
                <!-- <a href="" class="fbtn iconfont icon-head-save">保存</a> -->
            </div>
        </div>
        <div class="con_breadcrumb">
            <ol class="breadcrumb">
                <li>
                    <a href="#">订单物流状态详情</a>
                </li>
            </ol>
            <h3 class="current_module">订单物流状态详情</h3>
        </div>
    </div>
    <!--end  按钮 当前位置-->
    <!--end头部-->
    <!-- content -->
    <div class="content">
        <!-- 订单详情 -->
        <div class="business-info col-md-12">
            <div class="fheader">
                <h4 class="fh-tit fh-write">订单详情</h4>
                <div class="stretch ml-20">
                    <div class="stretch-push"></div>
                </div>
            </div>
            <div class="fpart pull1">
                <ul class="order-logistics-top">
                    <li class="displayflex">
                        <p class="flex1">
                            <span>业务单号</span>
                            <b>994408211</b>
                        </p>
                        <p class="flex1">
                            <span>起始地</span>
                            <b>江西省/南昌市</b>
                        </p>
                        <p class="flex1">
                            <span>目的地</span>
                            <b>辽宁省/沈阳市</b>
                        </p>
                        <p class="flex1">
                            <span>发货人</span>
                            <b>国美电器</b>
                        </p>
                    </li>
                    <li class="displayflex">
                        <p class="flex1">
                            <span>要求到达时间</span>
                            <b>2018-04-04 02:14</b>
                        </p>
                        <p class="flex1">
                            <span>件数</span>
                            <b>10件</b>
                        </p>
                        <p class="flex1">
                            <span>重量</span>
                            <b>50kg</b>
                        </p>
                        <p class="flex1">
                            <span>体积</span>
                            <b>0m³</b>
                        </p>
                    </li>
                    <li class="displayflex">
                        <p class="flex1">
                            <span>收货人</span>
                            <b>周七</b>
                        </p>
                        <p class="flex1">
                            <span>联系电话</span>
                            <b>13899999999</b>
                        </p>
                        <p class="flex2">
                            <span>收货地址</span>
                            <b>辽宁省沈阳市和平区三好街文体西路62-4号</b>
                        </p>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 物流详情 -->
        <div class="business-info col-md-12">
            <div class="fheader">
                <h4 class="fh-tit fh-write">物流详情</h4>
                <div class="stretch ml-20">
                    <div class="stretch-push"></div>
                </div>
            </div>
            <div class="fpart pull1">  
                <table class="table table-hover table-striped table-1f">
                    <thead>
                        <tr>
                            <th style="width:290px;" class="text-center">物流执行方</th>
                            <th class="text-center">物流状态</th>
                            <th class="text-center">进度详情</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                                <span class="span_sh">
                            <b>货主</b>
                            <p>2017-02-18</p>
                        </span>
                                <p class="p_b2"></p>
                            </td>
                            <td>
                                <div class="div_sh1">
                                    <p><i>货主新单</i>13:00:00</p>
                                    <p><i>货主发单</i>13:00:00</p>
                                </div>
                            </td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>
                                <span class="span_sh span_sha">
                            <b>总包方</b>
                            <p>2017-02-18</p>
                        </span>
                                <p class="p_b2"></p>
                            </td>
                            <td>
                                <div class="div_sh1">
                                    <p><i>物流集单中</i>13:00:00</p>
                                    <p><i>物流派单中</i>13:00:00</p>
                                </div>
                            </td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>
                                <span class="span_sh span_shb">
                            <b>仓储商</b>
                            <p>2017-02-18</p>
                        </span>
                                <p class="p_b2"></p>
                            </td>
                            <td>
                                <div class="div_sh1 div_sh1p">
                                    <p><i>仓储派单受理</i>13:00:00</p>
                                    <p><i>仓储派单拒单</i>13:00:00</p>
                                    <p><i>物流入库开始</i>13:00:00</p>
                                    <p><i>物流入库完成</i>13:00:00</p>
                                    <p><i>物流出库开始</i>13:00:00</p>
                                    <p><i>物流出库结束</i>13:00:00</p>
                                </div>
                            </td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>
                                <span class="span_sh span_shc">
                            <b>承运商</b>
                            <p>2017-02-18</p>
                        </span>
                                <p class="p_b2"></p>
                            </td>
                            <td>
                                <div class="div_sh1 div_sh1p">
                                    <p><i>配送派单受理</i>13:00:00</p>
                                    <p><i>配送派单拒单</i>13:00:00</p>
                                    <p><i>提货中</i>13:00:00</p>
                                    <p><i>配送中</i>13:00:00</p>
                                </div>
                            </td>
                            <td>
                                <div class="div_sh1 div_sh1b">
                                    <p><i>司机：</i>运营商</p>
                                    <p><i>车牌：</i>鄂A789123</p>
                                    <p><i>电话：</i>13972309311</p>
                                    <p><i>取货时间：</i>2017-02-18 21:00:00</p>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span class="span_sh span_shc">
                            <b>承运商司机</b>
                            <p>2017-02-18</p>
                        </span>
                                <p class="p_b2"></p>
                            </td>
                            <td>
                                <div class="div_sh1 div_shd">
                                    <p><i>提货交接完成</i>13:00:00</p>
                                    <p><i>物流中转交接完成</i>13:00:00</p>
                                    <p><i>到货签收完成</i>13:00:00</p>
                                    <p><i>集货交接完成</i>13:00:00</p>
                                    <p><i>配送中</i>13:00:00</p>
                                </div>
                            </td>
                            <td>
                                <div class="div_sh2">
    
                                    <p><i>08:24:45</i>配送员【曾国栋】已出发，联系电话【13554010814或50483915】</p>
                                    <p>
                                        <i>06:29:32</i>您的订单在【武昌站】验货完成，正在分配快递员
                                    </p>
                                    <p>
                                        <i>06:29:32</i>您的订单在【武汉名扬分拣中心】分拣完成，准备去【武昌站】
                                    </p>
                                    <p>
                                        <i>06:29:32</i>您的订单在【武昌接货仓】发货完成，准备去【武汉名扬分拣中心】
                                    </p>
                                    <p>
                                        <i>06:29:32</i>您的订单在【名扬接货仓】分拣完成
                                    </p>
                                    <p>
                                        <i>06:29:32</i>您的订单已经打包完毕
                                    </p>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span class="span_sh span_she">
                            <b>终端客户</b>
                            <p>2017-02-18</p>
                        </span>
                                <p class="p_b2"></p>
                            </td>
                            <td>
                                <div class="div_sh1 div_shd">
                                    <p><i>到货签收完成</i>13:00:00</p>
                                </div>
                            </td>
                            <td>
                                <div class="div_sh2">
                                    <p>签收人：<b>张三</b></p>
                                    <p>总件数：<b>2000</b></p>
                                    <img src="images/img_u1_28.png">
                                    <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <!-- 异常记录 -->
        <div class="business-info col-md-12">
            <div class="fheader">
                <h4 class="fh-tit fh-write">异常记录</h4>
                <div class="stretch ml-20">
                    <div class="stretch-push"></div>
                </div>
            </div>
            <div class="fpart pull1">
                <table class="table">
                    <thead>
                        <tr>
                            <th>异常反馈时间</th>
                            <th>责任归属</th>
                            <th>异常描述</th>
                            <th>异常解决方案</th>
                            <th>异常解决时间</th>
                            <th>异常解决耗时</th>
                            <th>异常解决备注</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>2017-11-01 10:19:30</td>
                            <td>收货方原因</td>
                            <td>店家拒收/临时不收货</td>
                            <td>二次配送</td>
                            <td>2017-11-01 10:49:30</td>
                            <td>00时30分</td>
                            <td>下午3点配送</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <!-- 附加费详情 -->
        <div class="business-info col-md-12">
            <div class="fheader">
                <h4 class="fh-tit fh-write">附加费详情</h4>
                <div class="stretch ml-20">
                    <div class="stretch-push"></div>
                </div>
            </div>
            <div class="fpart pull1">
                <table class="table">
                    <thead>
                        <tr>
                            <th>附加费类型</th>
                            <th>金额</th>
                            <th>时间</th>
                            <th>费用备注</th>
                            <th>操作人</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>上门费</td>
                            <td>100元</td>
                            <td>2017-11-01 10:19:30</td>
                            <td>客户要求送货上门</td>
                            <td>王五</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <!-- 签收详情 -->
        <div class="business-info col-md-12">
            <div class="fheader">
                <h4 class="fh-tit fh-write">签收详情</h4>
                <div class="stretch ml-20">
                    <div class="stretch-push"></div>
                </div>
            </div>
            <div class="fpart pull1">
                <table class="table">
                    <thead>
                        <tr>
                            <th class="w-20">签收时间</th>
                            <th class="w-20">签收人</th>
                            <th class="w-20">签收状态</th>
                            <th>异常原因</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>2018-04-04 02:14</td>
                            <td>本人签收</td>
                            <td>异常签收</td>
                            <td>运输破损</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <!-- 回单状态 -->
        <div class="business-info col-md-12">
            <div class="fheader">
                <h4 class="fh-tit fh-write">回单状态</h4>
                <div class="stretch ml-20">
                    <div class="stretch-push"></div>
                </div>
            </div>
            <div class="fpart pull1">
                <table class="table">
                    <thead>
                        <tr>
                            <th class="w-20">回单状态</th>
                            <th class="w-20">回单查看</th>
                            <th class="w-20">回单上传时间</th>
                            <th>返单时间</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>已回单</td>
                            <td><a href="#">查看</a></td>
                            <td>2018/4/3 15:28:52</td>
                            <td>2018/4/3 15:28:52</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <!-- 车辆在途轨迹 -->
        <div class="business-info col-md-12">
            <div class="fheader">
                <h4 class="fh-tit fh-write">车辆在途轨迹</h4>
                <div class="stretch ml-20">
                    <div class="stretch-push"></div>
                </div>
            </div>
            <div class="fpart pull1">
                <div id="allmap" style="width:100%; height:400px; border: 1px solid #c8c8c8;"></div>
            </div>
        </div>
        <!-- 外箱条码号 -->
        <div class="business-info col-md-12">
            <div class="fheader">
                <h4 class="fh-tit fh-write">外箱条码号</h4>
                <div class="stretch ml-20">
                    <div class="stretch-push"></div>
                </div>
            </div>
            <div class="fpart pull1">
                <table class="table">
                    <thead>
                        <tr>
                            <th class="w-20">序号</th>
                            <th>外箱条码号</th>
                            <th class="w-20">操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>01</td>
                            <td>20180424000101</td>
                            <td>
                                <div class="action-btn flexitem">
                                    <a>修改</a>
                                    <a class="del">删除</a>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>02</td>
                            <td>20180424000102</td>
                            <td>
                                <div class="action-btn flexitem">
                                    <a>修改</a>
                                    <a class="del">删除</a>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>03</td>
                            <td>
                                <div class="text-input date-input displayflex w200 bg-ash mar-auto">
                                    <input type="text" placeholder="20180424000103" class="tac">
                                </div>
                            </td>
                            <td>
                                <div class="action-btn flexitem">
                                    <a>保存</a>
                                    <a class="del">删除</a>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <!-- content end -->
    <footer class="footer">
        <p>
            Copyright © 2015-2017
            <a href="http://www.miitbeian.gov.cn/state/outPortal/loginPortal.action" target="_blank">粤ICP备16033858-1</a> 深圳传世般若科技有限公司
        </p>
    </footer>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=onm6QXE7G4Ier25v6mfcCdeFD4CmK4gR"></script>
    <script type="text/javascript" src="lib/jquery.min.js"></script>
    <script type="text/javascript" src="lib/underscore-min.js"></script>
    <script type="text/javascript" src="lib/layui/lay/dest/layui.all.js"></script>
    <script type="text/javascript" src="lib/bootstrap.min.js"></script>
    <script type="text/javascript" src="lib/bootstrap-table.js"></script>
    <script type="text/javascript" src="lib/jquery.validate.min.js"></script>
    <script type="text/javascript" src="lib/city-picker.js"></script>
    <script type="text/javascript" src="lib/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="lib/jquery.slimscroll.js"></script>
    <script type="text/javascript" src="lib/echarts-all.js"></script>
    <script type="text/javascript" src="lib/flot/jquery.flot.js"></script>
    <script type="text/javascript" src="lib/zUI.js"></script>
    <!--新导航-->
    <script type="text/javascript" src="lib/snap.svg-min.js"></script>
    <script type="text/javascript" src="lib/modernizr.custom.js"></script>
    <script type="text/javascript" src="js/header_sfy.js"></script>
    <!--end新导航-->
    <script type="text/javascript" src="js/app.js"></script>
    <script type="text/javascript" src="js/validate-demo.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    <script type="text/javascript" src="js/cy.js"></script>
    <script>
        var map = new BMap.Map("allmap");
        map.centerAndZoom(new BMap.Point(), 11);
        var p1 = new BMap.Point(114.3162, 30.581084); //起点
        var p2 = new BMap.Point(116.395645, 39.929986); //终点
        var pt = new BMap.Point(114.049154, 32.983158); //车辆定位
        var myIcon = new BMap.Icon("../images/map-car.png", new BMap.Size(32, 32)); //车辆图标
        var marker2 = new BMap.Marker(pt, {
            icon: myIcon
        }); // 创建标注
        map.addOverlay(marker2);
        var driving = new BMap.DrivingRoute(map, {
            renderOptions: {
                map: map,
                autoViewport: true
            }
        });
        driving.search('武汉', '北京', {
                // waypoints: ["郑州", "石家庄"]
            }) //waypoints表示途经点
        map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
    </script>
</body>

</html>